'use strict';
require('./index.css')
require('page/common/nav-simple/index.js')
var _mm = require('util/mm.js')
var _user = require('service/user-service.js')

//表单的错误信息
var fromError = {
    show : function(errMsg){
        $('.err-item').show().find('.error-msg').text(errMsg)
    },
    hide : function(){
        $('.err-item').hide().find('.error-msg').text('')
    }
}
//登录页的逻辑部分
var page = {
    init : function(){
        this.onLoad()
        this.bindEvent()
    },
    data : {
        username : '',
        question : '',
        password : '',
        token    : ''
    },
    //页面刚进来得显示第一步 请输入用户名
    onLoad : function(){
        this.loadStepUsername();
    },
    bindEvent : function(){
        var _this = this;
        //输入用户名点击下一步 事件
        $('#submit-username').click(function(){
            var username = $.trim($('#username').val())
            // 用户名存在与不存在
            if(username){
                _user.getQuestion(username,function(res){
                    // 用户名存在发送请求 返回问题
                   _this.data.username = username
                   _this.data.question = res
                   _this.loadStepQuestion()
                },function(errMsg){
                    fromError.show(errMsg)
                })
            }else{
                 fromError.show('请输入用户名') 
            }
        });
        // 输入问题答案点击下一步 事件
          $('#submit-question').click(function(){
            var answer = $.trim($('#answer').val())
            // 用户名存在与不存在
            if(answer){
                _user.checkAnswer({
                    username : _this.data.username,
                    question : _this.data.question,
                    answer   : answer
                },function(res){
                    // 检查用户设置问题答案
                   _this.data.answer = answer
                   _this.data.token = res
                   _this.loadStepPassword()
                },function(errMsg){
                    fromError.show(errMsg)
                })
            }else{
                 fromError.show('请输入问题答案') 
            }
        });
        // 输入新密码下一步 事件
          $('#submit-password').click(function(){
            var password = $.trim($('#password').val())
            // 用户名存在与不存在
            if(password && password.length >=6) {
                _user.resetPassword({
                    username        : _this.data.username,
                    passwordNew     : password,
                    forgetToken     : _this.data.token
                },function(res){
                   window.location.href = './result.html?type=pass-result'
                },function(errMsg){
                    fromError.show(errMsg)
                })
            }else{
                 fromError.show('请输入不少于6位的新密码') 
            }
        });
       
    },
    // 加载输入用户名的一步
    loadStepUsername : function(){
        $('.step-username').show()
    },
    //加载输入问题答案的一步
    loadStepQuestion : function(){
        fromError.hide()
        $('.step-username').hide().siblings('.step-question').show()
        .find('.question').text(this.data.question)
    },
    // 输入新密码的一步
    loadStepPassword : function(){
        fromError.hide()
           //隐藏question
        $('.step-question').hide().siblings('.step-password').show()
    },

}

$(function(){
    page.init()
})